---
section: Getting Started
title: Playground
slug: /docs/playground/
order: 3
---

# Playground

Try xstyled without leaving your web browser.

<carbon-ad />

Try xstyled directly in [the CodeSandbox Playground](https://codesandbox.io/s/xstyled-v2-playground-od6si?file=/src/App.js).

<iframe
  src="https://codesandbox.io/embed/xstyled-v2-playground-od6si?fontsize=14&hidenavigation=1&theme=dark"
  style={{
    width: '100%',
    height: '500px',
    border: 0,
    borderRadius: '4px',
    overflow: 'hidden',
  }}
  title="xstyled v2 — Playground"
  allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
/>
